<template>
  <div class="barContainer" @click="handleClick">
    <div class="label">{{lebelText}}</div>
    <div class="desc">{{descText}}</div>
    <i class="iconfont iconjiantou1"></i>
  </div>
</template>

<script>
export default {
  props: ["lebelText", "descText"],
  methods: {
      handleClick(){
          this.$emit('barClick')
      }
  }
};
</script>

<style lang="less" scoped>
.barContainer {
  display: flex;
  font-size: 3.889vw;
  padding: 2.778vw;
  padding-left: 0;
  margin-left: 2.778vw;
  border-bottom: 0.278vw solid #e4e4e4;
  .desc {
    flex: 1;
    text-align: right;
    font-size: 3.333vw;
    color: #999;
    padding-right: 1.667vw;
  }
}
</style>